//! # Web UI 模块
//!
//! 提供Web管理界面

use axum::{routing::get, Router, response::Html};

/// 首页
pub async fn index() -> Html<&'static str> {
    Html(r#"
<!DOCTYPE html>
<html>
<head>
    <title>RustCloud 管理界面</title>
    <meta charset="UTF-8">
    <style>
        body { font-family: Arial, sans-serif; margin: 40px; }
        .header { background: #2c3e50; color: white; padding: 20px; margin: -40px -40px 20px -40px; }
        .card { background: #f8f9fa; padding: 20px; margin: 10px 0; border-radius: 5px; }
    </style>
</head>
<body>
    <div class="header">
        <h1>🚀 RustCloud 管理控制台</h1>
        <p>统一的微服务管理和运维平台</p>
    </div>
    
    <div class="card">
        <h2>📊 系统概览</h2>
        <p>CPU 使用率: 25.5% | 内存使用率: 62.3% | 磁盘使用率: 45.0%</p>
    </div>
    
    <div class="card">
        <h2>🔧 快速操作</h2>
        <a href="/api/v1/components">查看组件</a> |
        <a href="/api/v1/system/info">系统信息</a> |
        <a href="/api/v1/logs">查看日志</a>
    </div>
    
    <div class="card">
        <h2>📈 API 文档</h2>
        <ul>
            <li><code>GET /api/v1/components</code> - 列出所有组件</li>
            <li><code>GET /api/v1/system/info</code> - 获取系统信息</li>
            <li><code>GET /api/v1/system/metrics</code> - 获取系统指标</li>
            <li><code>GET /health</code> - 健康检查</li>
        </ul>
    </div>
</body>
</html>
    "#)
}

/// 创建Web UI路由
pub fn create_web_routes() -> Router {
    Router::new()
        .route("/", get(index))
        .route("/admin", get(index))
}